<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<title>Add Project</title>
<script src="js/1.7.1jquery.min.js"></script>

<link rel="stylesheet" href="css/jquery.ui.base.css" />
<link rel="stylesheet" href="css/jquery.ui.theme.css" />
<script src="js/jquery-1.9.0.js"></script>
<script src="js/jquery.ui.core.js"></script>
<script src="js/jquery.ui.widget.js"></script>
<script src="js/jquery.ui.datepicker.js"></script>
<link rel="stylesheet" href="css/demos.css" />
<script>
	$(function() {
		$(".datepicker").datepicker({
			altField : "#alternate",
			altFormat : "DD, d MM, yy"
		});
	});
</script>


<script src="js/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript">
	$(function() {
		$('.slide-out-div').tabSlideOut({
			tabHandle : '.handle', //class of the element that will become your tab
			pathToTabImage : 'images/takeatestdrive.png', //path to the image for the tab //Optionally can be set using css
			imageHeight : '187px', //height of tab image           //Optionally can be set using css
			imageWidth : '31px', //width of tab image            //Optionally can be set using css
			tabLocation : 'right', //side of screen where tab lives, top, right, bottom, or left
			speed : 300, //speed of animation
			action : 'click', //options: 'click' or 'hover', action to trigger animation
			topPos : '400px', //position from the top/ use if tabLocation is left or right
			rightPos : '20px', //position from left/ use if tabLocation is bottom or top
			fixedPosition : true
		//options: true makes it stick(fixed position) on scroll

		});

	});
</script>
<script type="text/javascript" language="javascript">
	$(document).ready(
			function() {
				$('.adCntnr div.acco2:eq(0)').find('div.expand:eq(0)')
						.addClass('openAd').end().find('div.collapse:gt(0)')
						.hide().end().find('div.expand').click(
								function() {
									$(this).toggleClass('openAd').siblings()
											.removeClass('openAd').end().next(
													'div.collapse')
											.slideToggle().siblings(
													'div.collapse:visible')
											.slideUp();
									return false;
								});
			})
</script>

<script>
	function cancel() {
		//alert("1");
		history.go(-1);
	}
</script>
</head>

<body>
	<%-- <%@ include file="/include/sessionCheck.jsp"%> --%>
	<%@ include file="/include/header.jsp"%>

	<%@ include file="/include/menu.jsp"%>

	<%
		String option = "";
		String readOnly = "";
		String heading = "";
		if (request.getAttribute("prjObj") == null) {
			option = "add";
			heading = "Add Project";
		} else {
			option = "edit";
			readOnly = "true";
			heading = "Update Project";
		}
		//out.println("option="+option);
	%>
	<!--right start-->

	<jsp:useBean id="prjObj" class="com.vs.model.ProjectForm"
		scope="request"></jsp:useBean>
	<div class="right_div">
		<span class="head_font"><%=heading%></span>
		<div class="height20"></div>

		<jsp:include page="/customError.jsp" />

		<form action="project.do" method="post">
			<input type="hidden" name="action" value="<%=option%>" /> <input
				type="hidden" name="projectId"
				value='<bean:write name="prjObj" property="projectId"/>' />
			<div class="grey_box">
				<table border="0" cellspacing="0" cellpadding="5" width="95%">
					<tr>
						<td width="15%">Project Name</td>
						<td width="25%"><input type="text" class="input_text"
							name="projectName" id="projectName"
							value='<bean:write name="prjObj" property="projectName"/>' />
						</td>

						<td width="15%">Agency Name</td>
						<td width="25%"><input type="text" class="input_text"
							name="agencyName"
							value='<bean:write name="prjObj" property="projectDetails"/>' />
						</td>
						<td width="35%">&nbsp;</td>
					</tr>

					<tr>
						<td width="15%">Project Details</td>
						<td width="25%" colspan="3"><input type="textarea"
							class="input_text" name="projectDetails" size="20"
							value='<bean:write name="prjObj" property="projectDetails"/>' />
						</td>
						<td width="35%">&nbsp;</td>
					</tr>

					<tr>
						<td width="15%">Estimated Budget</td>
						<td width="25%"><input type="text" class="input_text"
							name="projectBudget"
							value='<bean:write name="prjObj" property="projectBudget"/>' />
						</td>
						<td width="15%">Estimated TimeLine</td>
						<td width="25%"><input type="text" class="input_text"
							name="projectTimeLine"
							value='<bean:write name="prjObj" property="projectTimeLine"/>' />
						</td>
						<td width="35%">&nbsp;</td>
					</tr>

					<tr>
						<td width="15%">Planned Start Date</td>
						<td width="25%"><input type="text"
							class="input_text datepicker" name="plannedStartDate"
							value='<bean:write name="prjObj" property="plannedStartDate"/>' />
						</td>
						<td width="15%">Planned End Date1</td>
						<td width="25%"><input type="text"
							class="input_text datepicker" name="plannedEndDate"
							value='<bean:write name="prjObj" property="plannedEndDate"/>' />
						</td>
						<td width="35%">&nbsp;</td>
					</tr>

					<tr>
						<td width="15%"></td>
						<td width="25%"><input type="submit" class="btn" value="Save"
							onclick="" />&nbsp;<input type="button" class="btn"
							value="Cancel" onclick="cancel()" />
						</td>
						<td width="15%">&nbsp;</td>
						<td width="25%">&nbsp;</td>
						<td width="35%">&nbsp;</td>
					</tr>
				</table>

			</div>
		</form>
	</div>
	<!--right end-->

	<div class="clear"></div>

	<%@ include file="/include/footer.jsp"%>

</body>
</html>
